@import "@styles/theme.scss";

.comment{
    &__title{
        
       margin-bottom: 10px;
       @include border([bottom],1px,solid,#ebebeb);
       padding-bottom: 20px;
        &-text{
        font-size: 34px;
        color:#333;
       // @include lamp-clamp(2);
        }
    }
    &__list{
        
        &-title{
            @include flex-box(row,between,center);
           // background-color: red;
            
            &-text{
                font-size: 32px;
                color:#000;
            }
        }
        &-time{
            line-height: 28px;
            margin-bottom: 10px;
            &-text{
                font-size: 28px;
                color:#666;
            }
        }
         &-reply{
             background-color: #f5f6f9;
             padding: 10px 10px;
             line-height: 36px;
            &-text{
                color:#666;
                margin-left: 2px;
                font-size: 28px;
            }
         }

        &-content{
            &-text{
                font-size: 32px;
                color:#333;
            }
            &-reply{
                background-color: #f5f6f9;
                padding: 6px 20px;
                margin-bottom: 20px;
                line-height: 32px;
                &-text{
                    color:#a5a5a6;
                    font-size: 28px;
                   
                }
            }
        }
    }
    &__item{
       @include flex-box();
     //  @include border([bottom],1px,solid,#ebebeb);
        padding: 30px 0;
    }
    &__avatar{
        margin-right: 20px;
        &-img{
            width: 90px;
            height: 90px;
            border-radius: 50%;
        }
    }
    &__info{
        flex:1
    }
    &__reply-btn{
        @include flex-box(row,center,center);
        &-text{
            color:#666;
            margin-left: 2px;
            font-size: 28px;
        }
    }
    
}